<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="../css/index.css" />
    <link rel="stylesheet" href="../font_nrci69s8ye8/iconfont.css" />
    <link
      rel="stylesheet"
      href="../swiper-master/package/swiper-bundle.min.css"
    />
    <script src="../js/API.js"></script>
    <script src="../js/axios.min.js"></script>
  </head>
  <body>
    <!-- 外延 -->
    <div class="extension">
      <!-- 导航栏 -->
      <div class="f_header_wp">
        <div class="u_top_logo"></div>
        <div class="f_nav_lst">
          <a href="">钻石</a>
          <a href="">钻戒</a>
          <a href="">对戒</a>
          <a href="">配饰</a>
          <a href="">定制</a>
          <a href="">品牌故事</a>
          <a href="">体验中心</a>
        </div>
        <div class="f_headeroth_wp">
          <div class="f_ser_wp">
            <span class="iconfont icon-fangdajing"></span>
          </div>
          <a href="" class="icon_car"></a>
          <a href="../html/login.html" class="icon_mycenter">我的鸟巢</a>
        </div>
      </div>
    </div>

    <!-- 侧边固定 -->
    <div class="services">
      <span class="ser_lnk1"></span>
      <a href="" class="ser_lnk2">
        <span class="cart_count">0</span>
      </a>
    </div>

    <!-- 轮播图 -->
    <div class="swiper-container">
      <div class="swiper-wrapper">
        <div class="swiper-slide"><img src="../img/lunbo01.jpg" alt="" /></div>
        <div class="swiper-slide"><img src="../img/lunbo02.jpg" alt="" /></div>
        <div class="swiper-slide"><img src="../img/lunbo03.jpg" alt="" /></div>
        <div class="swiper-slide"><img src="../img/lunbo04.jpg" alt="" /></div>
        <div class="swiper-slide"><img src="../img/lunbo05.jpg" alt="" /></div>
      </div>
      <!-- Add Pagination -->
      <div class="swiper-pagination"></div>
      <!-- Add Arrows -->
      <!-- <div class="swiper-button-next"></div>
      <div class="swiper-button-prev"></div> -->
    </div>
    <script src="../swiper-master/package/swiper-bundle.min.js"></script>
    <script>
      var swiper = new Swiper(".swiper-container", {
        spaceBetween: 30,
        centeredSlides: true,
        autoplay: {
          delay: 2500,
          disableOnInteraction: false,
        },
        pagination: {
          el: ".swiper-pagination",
          clickable: true,
        },
        // navigation: {
        //   nextEl: ".swiper-button-next",
        //   prevEl: ".swiper-button-prev",
        // },
      });
    </script>

    <!-- 钻石快捷报价 -->
    <div class="zskj_bor">
      <!-- <div cla="zskj_sq">收起</div> -->
      <div class="zskj_line"></div>
      <div class="zskj_title">钻石快捷报价</div>
      <div class="zskj_line"></div>
      <div class="clearHeight" style="height: 45px"></div>
      <div class="zskj_input_bor">
        <input
          type="text"
          placeholder="输入钻重,如30分就输入0.3"
          class="zskj_input"
        />
        <input type="checkbox" class="gou1" />
        <div class="zskj_txt">GIA全球钻</div>
        <input type="checkbox" class="gou2" />
        <div class="zskj_txt">GIA现货钻</div>
      </div>
      <div class="search">查询</div>
      <div class="clearHeight" style="height: 55px"></div>
      <!-- <div
        class="diamd_right"
        style="
          overflow: visible;
          margin-bottom: 50px;
          height: 591px;
          display: none;
        "
      >
        <div class="diamd_txt3">净度</div>
        <div class="diamd_txt4">颜色</div>
        <table border="0" cellspacing="0" id="price_table">
          <tbody>
            <tr>
              <td></td>
              <td class="bold">FL</td>
              <td class="bold">IF</td>
              <td class="bold">VVS1</td>
              <td class="bold">VVS2</td>
              <td class="bold">VS1</td>
              <td class="bold">VS2</td>
              <td class="bold">SI1</td>
              <td class="bold">SI2</td>
            </tr>
            <tr>
              <td class="bold">D</td>
              <td class="bold">--</td>
              <td class="bold">9570</td>
              <td class="bold">7330</td>
              <td class="bold">6180</td>
              <td class="bold">5630</td>
              <td class="bold">5050</td>
              <td class="bold">4610</td>
              <td class="bold">4060</td>
            </tr>
            <tr>
              <td class="bold">E</td>
              <td class="bold">--</td>
              <td class="bold">9570</td>
              <td class="bold">7330</td>
              <td class="bold">6180</td>
              <td class="bold">5630</td>
              <td class="bold">5050</td>
              <td class="bold">4610</td>
              <td class="bold">4060</td>
            </tr>
            <tr>
              <td class="bold">F</td>
              <td class="bold">--</td>
              <td class="bold">9570</td>
              <td class="bold">7330</td>
              <td class="bold">6180</td>
              <td class="bold">5630</td>
              <td class="bold">5050</td>
              <td class="bold">4610</td>
              <td class="bold">4060</td>
            </tr>
            <tr>
              <td class="bold">G</td>
              <td class="bold">--</td>
              <td class="bold">9570</td>
              <td class="bold">7330</td>
              <td class="bold">6180</td>
              <td class="bold">5630</td>
              <td class="bold">5050</td>
              <td class="bold">4610</td>
              <td class="bold">4060</td>
            </tr>
            <tr>
              <td class="bold">H</td>
              <td class="bold">--</td>
              <td class="bold">9570</td>
              <td class="bold">7330</td>
              <td class="bold">6180</td>
              <td class="bold">5630</td>
              <td class="bold">5050</td>
              <td class="bold">4610</td>
              <td class="bold">4060</td>
            </tr>
            <tr>
              <td class="bold">I</td>
              <td class="bold">--</td>
              <td class="bold">9570</td>
              <td class="bold">7330</td>
              <td class="bold">6180</td>
              <td class="bold">5630</td>
              <td class="bold">5050</td>
              <td class="bold">4610</td>
              <td class="bold">4060</td>
            </tr>
            <tr>
              <td class="bold">J</td>
              <td class="bold">--</td>
              <td class="bold">9570</td>
              <td class="bold">7330</td>
              <td class="bold">6180</td>
              <td class="bold">5630</td>
              <td class="bold">5050</td>
              <td class="bold">4610</td>
              <td class="bold">4060</td>
            </tr>
            <tr>
              <td class="bold">K</td>
              <td class="bold">--</td>
              <td class="bold">9570</td>
              <td class="bold">7330</td>
              <td class="bold">6180</td>
              <td class="bold">5630</td>
              <td class="bold">5050</td>
              <td class="bold">4610</td>
              <td class="bold">4060</td>
            </tr>
          </tbody>
        </table>
      </div> -->
    </div>

    <div class="g_main">
      <div class="browse_lft_wp">
        <a href="../html/product details.html" class="browse_lnk1">
          <img src="../img/62509_1.jfif" alt="" />
          <span>浏览全部婚戒</span>
        </a>
        <a href="../html/product details.html" class="browse_lnk2">
          <img src="../img/62512_1.jfif" alt="" />
          <span>浏览全部钻石</span>
        </a>
        <a href="../html/product details.html" class="browse_lnk3">
          <img src="../img/62513_1.jfif" alt="" />
          <span>浏览全部配饰</span>
        </a>
      </div>
      <div class="browse_rig_wp">
        <a href="../html/product details.html" class="browse_lnk4">
          <img src="../img/62732_1.jfif" alt="" />
        </a>
        <a href="../html/product details.html" class="browse_lnk5">
          <img src="../img/62511_1.jfif" alt="" />
          <span>浏览全部对戒</span>
        </a>
      </div>
    </div>

    <!-- 更多钻石选择 -->
    <div class="gs-wht_wp_b">
      <div class="gs_wht_wp">
        <h2 class="u_st_tlt">更多钻石选择</h2>
        <div class="dia_bg">
          <a href=""></a>
          <a href=""></a>
          <a href=""></a>
          <a href=""></a>
          <a href=""></a>
          <a href=""></a>
          <a href=""></a>
          <a href=""></a>
          <a href=""></a>
        </div>
      </div>
    </div>

    <!-- 婚戒专属定制 -->
    <div class="gs-wht_wp_b">
      <div class="gs_wht_wp">
        <div class="wedng_wp">
          <a href="" class="wedng_lnk1">从挑选钻石开始 </a>
          <div class="wedng_lnk2">从挑选款式开始</div>
        </div>
      </div>
    </div>

    <!-- 独家有售 -->
    <div class="gs-wht_wp_b">
      <div class="gs_wht_wp">
        <h2 class="u_only_tlt"></h2>
        <div class="diamd_series1">
          <a href="">
            <i></i>
            <img src="../img/62514_1.jfif" alt="" />
            <span>即刻选购&nbsp;></span>
          </a>
        </div>

        <div class="diamd_series2">
          <a href="">
            <i></i>
            <img src="../img/62535_1.jfif" alt="" />
            <span>即刻选购&nbsp;></span>
          </a>
        </div>

        <div class="diamd_series3">
          <a href="">
            <i></i>
            <img src="../img/62536_1.jfif" alt="" />
            <span>即刻选购&nbsp;></span>
          </a>
        </div>

        <div class="diamd_series4">
          <a href="">
            <i></i>
            <img src="../img/62537_1.jfif" alt="" />
            <span>即刻选购&nbsp;></span>
          </a>
        </div>
      </div>
    </div>

    <!-- 经典婚戒款式推荐 -->
    <div class="gs_wht_wp_b">
      <div class="g_main_nomar">
        <h2 class="u_st_tlt">经典婚戒款式推荐</h2>
        <div class="f_rng_focus_wp">
          <div class="f_rng_focus">
            <div class="swiper-containers">
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <img src="../img/62526_1.jfif" alt="" />
                </div>
                <div class="swiper-slide">
                  <img src="../img/62527_1.jfif" alt="" />
                </div>
                <div class="swiper-slide">
                  <img src="../img/62528_1 (1).jfif" alt="" />
                </div>
                <div class="swiper-slide">
                  <img src="../img/62530_1.jfif" alt="" />
                </div>
                <div class="swiper-slide">
                  <img src="../img/62528_1.jfif" alt="" />
                </div>
                <div class="swiper-slide">
                  <img src="../img/62532_1 (1).jfif" alt="" />
                </div>
                <div class="swiper-slide">
                  <img src="../img/62534_1.jfif" alt="" />
                </div>
                <div class="swiper-slide">
                  <img src="../img/62533_1.jfif" alt="" />
                </div>
                <div class="swiper-slide">
                  <img src="../img/62532_1.jfif" alt="" />
                </div>
              </div>
              <!-- Add Arrows -->
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>

            <script src="../swiper-master/package/swiper-bundle.min.js"></script>
            <script>
              var swiper = new Swiper(".swiper-containers", {
                slidesPerView: 3,
                spaceBetween: 30,
                slidesPerGroup: 3,
                loop: true,
                loopFillGroupWithBlank: true,
                // pagination: {
                //   el: ".swiper-pagination",
                //   clickable: true,
                // },
                navigation: {
                  nextEl: ".swiper-button-next",
                  prevEl: ".swiper-button-prev",
                },
              });
            </script>
          </div>
        </div>
      </div>
    </div>

    <!-- 热门系列选购 -->
    <div class="gs_pink_wp">
      <div class="gs_wht_wp" style="margin: 0 auto; padding-top: 75px">
        <h2 class="u_st_tlt" style="margin-bottom: 0">
          热门系列选购
          <div>
            <span>杰出设计与精湛匠心工艺</span>
          </div>
        </h2>
        <div class="seri_focus_wp1">
          <i></i>
          <div class="seri_focus animateTShell">
            <div class="animate">
              <img src="../img/62549_1.jfif" alt="" />
              <span>北极光追光系列对戒</span>
            </div>
          </div>
        </div>
        <div class="seri_focus_wp2">
          <i></i>
          <div class="seri_focus animateTShell">
            <div class="animateT3">
              <img src="../img/62520_1.jfif" alt="" />
              <span>BLINK系列</span>
            </div>
          </div>
        </div>
      </div>
    </div>


    <!-- 珠宝知识课堂 -->
    <div class="gs-wht_wp_b">
      <div class="gs_wht_wp">
        <div class="gs_title">珠宝知识课堂</div>
        <div class="f_knolge_wp">
          <a href="" class="f_knolge_lnk">
            <div>钻石4C知识</div>
          </a>
          <a href="" class="f_knolge_lnk">
            <div>钻石证书</div>
          </a>
          <a href="" class="f_knolge_lnk">
            <div>戒托款式</div>
          </a>
          <a href="" class="f_knolge_lnk">
            <div>戒托材质</div>
          </a>
          <a href="" class="f_knolge_lnk">
            <div>手寸测量</div>
          </a>
        </div>
      </div>

    <!-- 选购我们的理由 -->
      <div class="gs_wht_wp-b bor_wp">
        <div class="gs_wht_wp">
          <div class="f_resn_wp">
            <h2 class="u_st_tlt2">
              <span>选购我们的理由</span>
            </h2>
            <div class="resn_bg"></div>
          </div>
        </div>
      </div>


      <!-- 品牌故事  体验中心 -->
      <div class="gs_wht_wp-b">
        <div class="gs_wht_wp">
          <div class="f_news_wp">
            <div class="news_tlt">
              <a href="">
                <span>品牌故事</span>
                <i>浏览钻石小鸟18年历史传承 >&nbsp;</i>
              </a>
            </div>
            <a href="">
              <img src="../img/62525_1.jfif" alt="">
            </a>
          </div>

          <div class="f_store_wp">
            <div class="store_tlt">
              <a href="">
                <span>体验中心</span>
                <i>覆盖全国70个城市，超100家门店  >&nbsp;</i>
              </a>
            </div>
            <a href="">
              <img src="../img/62524_1.jfif" alt="">
            </a>
          </div>
        </div>
      </div>



      <!-- footer -->
      <div class="g_ftpink_wp">
        <div class="g_ftbor_wp">
          <!-- 右边小程序图片 -->
          <div class="g_codepic_wp"></div>
          <div class="g_footer_wp">
            <!-- 第一列 -->
            <div class="footer_lnk_lst">
              <b>关于我们</b>
              <a href="">品牌简介</a>
              <a href="">市场合作</a>
              <a href="">诚聘贤才</a>
              <a href="">商务加盟</a>
            </div>
            <div class="footer_lnk_lst">
              <b>关于我们</b>
              <a href="">定金规则</a>
              <a href="">定制时间</a>
              <a href="">货品包装</a>
              <a href="">智能定制</a>
              <a href="">钻石课堂</a>
            </div>
            <div class="footer_lnk_lst">
              <b>支付与物流</b>
              <a href="">在线支付</a>
              <a href="">银行转账</a>
              <a href="">海外汇款</a>
              <a href="">体验中心自提</a>
              <a href="">免费配送</a>
            </div>
            <div class="footer_lnk_lst">
              <b>售后服务</b>
              <a href="">会员细则</a>
              <a href="">15天退换货</a>
              <a href="">以小换大</a>
              <a href="">优惠换款</a>
              <a href="">售后服务</a>
            </div>
          </div>
  
          <!-- 小字 -->
          <div class="ft_friend_info">
            <div>
              <a href="">全部热词</a>
              <a href="">网站地图</a>
              <a href="">在线投诉</a>
              <a href="">&nbsp;&nbsp;备案号：沪ICP备08011593号</a>
              "| Copyright © 2002-2021 www.zbird.com 钻石小鸟&nbsp; All Rights
              Reserved. "
            </div>
            <p>
              上海铂利德钻石有限公司&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;021-26011188
            </p>
          </div>
  
          <!-- 小图 -->
          <div class="ft_img_info">
            <a href="">
              <img src="../img/fot_certi.gif" alt="" width="90" height="30" />
            </a>
            <a href="">
              <img src="../img/fot_certi_02.jpg" alt="" width="90" height="30" />
            </a>
            <a href="">
              <img src="../img/fot_certi_03.jpg" alt="" width="90" height="30" />
            </a>
            <a href="">
              <img src="../img/fot_certi_04.jpg" alt="" width="90" height="30" />
            </a>
            <a href="">
              <img src="../img/picp_bg.png" alt="" width="90" height="30" />
            </a>
          </div>
        </div>
      </div>

      <script src="../js/index.js"></script>
  </body>
</html>
